html{
	padding: 0;
	margin: 0;
	background: #25547e;
}
body {
	padding: 0;
	margin: 0;
	font-family: Arial, "Microsoft Yahei";
}
.wrap {
	width: 250px;
	overflow: hidden;
	margin: 180px auto 0;
	-webkit-animation: bounceIn 600ms linear;
	-moz-animation: bounceIn 600ms linear;
	-o-animation: bounceIn 600ms linear;
	animation: bounceIn 600ms linear;
	
	h1 {
		text-align: center;
	}
}

.login {
	ul, li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	ul {
		background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px solid #2D2E30;
	    border-radius: 5px 5px 5px 5px;
	    box-shadow: 3px 3px 3px #CCCCCC inset;
	    margin-bottom: 15px;
	    overflow: hidden;
	    width: 248px;
	}
	li {
		border-top: 1px solid #d3d4d4;
		padding: 5px;
	}
	.input {
		width: 225px;
		padding: 5px;
		vertical-align: middle;
		border:0 none;
		background: transparent;
		font-size: 18px;
		font-family: Arial,"Microsoft Yahei";
		
		.input:focus {
			outline: 0 none;
		}
	}
}

.btn {
	width: 248px;
	height: 38px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	background: #549fcc url(../images/pages/admin/btn.png) no-repeat;
	overflow: visible;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	font-family: Arial, "Microsoft Yahei";
	border: 1px solid #2d2e30;
	border-radius: 5px;
}
.btn:hover{
	background-position: 0 -40px;
}
.btn:active {
	background-position: 0 -80px;
}

/*登录框动画*/
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}
@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}
@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}
